<style type="text/css">

</style>

<ion-view >
	<!--<ion-header-bar  class="bar bar-header  bar-light" >
			<h1 class="title">首页</h1>
	</ion-header-bar>-->
  <ion-content data-ng-init="recTeaInit()">
      <!--<ion-refresher
          pulling-text="下拉刷新..."
          on-refresh="doRefresh()">
       </ion-refresher>-->
    <!--<ion-scroll  scrollbar-y='false' style="height: 600px;">-->

  	<div id="tab-product-nav">

      <ion-slide-box does-continue="true" slide-interval="2500" id="main-slide">
        <ion-slide>
          <div class="box">
            <div class="box-img">
              <img src="img/slide-img10.jpg"/>
            </div>
          </div>
        </ion-slide>
        <ion-slide>
          <div class="box">
            <div class="box-img">
              <img src="img/slide-img11.jpg"/>
            </div>
          </div>
        </ion-slide>
        <ion-slide on-slide-changed="slideHasChanged(index)">
          <div class="box">
            <div class="box-img">
              <img src="img/slide-img12.jpg"/>
            </div>
          </div>
        </ion-slide>
        <ion-slide on-slide-changed="slideHasChanged(index)">
          <div class="box">
            <div class="box-img">
              <img src="img/slide-img6.jpg"/>
            </div>
          </div>
        </ion-slide>

      </ion-slide-box>

      	<!--弧形遮挡-->
       <div class="arc">
       </div>

      <div id="tab-main-nav" class="row font-color-gray">
        <div class="col" ng-click="goToLast()">
        	<div class="nav-circle" >
				<div class="nav-circle-icon">
					<img src="img/4title/last.png"/>
				</div>
				<div class="nav-circle-label">最新</div>
			</div>
        </div>

        <div class="col" ng-click="goToStoreList()">
        	<div class="nav-circle">
				<div class="nav-circle-icon ">
					<img src="img/4title/store.png"/>
				</div>
				<div class="nav-circle-label">茶商</div>
			</div>
        </div>

        <div class="col" ng-click="goToTao()">
        	<div class="nav-circle">
				<div class="nav-circle-icon ">
					<img src="img/4title/tao.png"/>
				</div>
				<div class="nav-circle-label">淘茶</div>
			</div>
        </div>

        <div class="col" ng-click="goToActivity()">
        	<div class="nav-circle">
				<div class="nav-circle-icon ">
					<img src="img/4title/act.png"/>
				</div>
				<div class="nav-circle-label">活动</div>
			</div>
        </div>
      </div>

      <div class="linear"></div>
    </div>

      <div class="title-style-tip title-tip-red" id="product-title-tip">
      	 	<div class="title-hr"></div>
      		<span class="tip-title">推荐</span>
      </div>


       <ion-list class="product-list-full">

        <div class="item item-body" ng-repeat="x in recList">
          <img class="full-image" src={{x.image}} ng-click="goto_product_info(x.id)">
          <div class="item-desc">

	          <p class="list-item-desr">
	           		<span>认证：</span>
	           		<span class="identity-icons">
						<span class="identity-icon i1" ng-show="isShowFlag(x, 1)">
							<img src="img/product/i1.png"/>
						</span>
						<span class="identity-icon i2" ng-show="isShowFlag(x, 2)">
							<img src="img/product/i2.png"/>
						</span>
						<span class="identity-icon i3" ng-show="isShowFlag(x, 3)">
							<img src="img/product/i3.png"/>
						</span>
						<span class="identity-icon i4" ng-show="isShowFlag(x, 4)">
							<img src="img/product/i4.png"/>
						</span>
					</span>

	           		<span class="product-title">
	           			<span class="product-title-name">{{x.name}}</span>
	           			<span class="product-title-row">
	           				<a  class="subdued icon ion-ios-arrow-forward"></a>
	           			</span>
	           		</span>
	          </p>
	          <p class="list-item-icons">
	          	<span class="product-love">
	            	<a class="subdued icon ion-ios-heart-outline" ng-class="{'font-color-xg':x.is_upvote}" ng-click="is_vote(x.is_upvote,x.id)"></a>
	            </span>
	            <span> 人气：{{x.upvote_count}}</span>
	            <span class="product-price">
	           	  <a  class="subdued ">¥{{x.sale_price}}</a>
	            </span>
	          </p>

        	</div>
       </div>

      </ion-list>

    <!--</ion-scroll>-->
    	<ion-infinite-scroll  ng-if="!isStop_scroll" on-infinite="scroll_load_product()" distance="1%" ></ion-infinite-scroll>
  </ion-content>
</ion-view>
